<!DOCTYPE html>
<html>
  <head>
    <title>tallyQuery.html</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link href="../css/nav.css" rel="stylesheet" type="text/css" />
	<link href="../css/style.css" rel="stylesheet" type="text/css" />
	<link href="../css/tallyStyle.css" rel="stylesheet" type="text/css" />
	<script src="../js/jquery-1.6.1.min.js" type="text/javascript" ></script>
	<script src="../js/nav_easing.min.js" type="text/javascript" ></script>
	<script src="../js/nav_lavalamp.min.js" type="text/javascript" ></script>
	<script src="../js/common.js" type="text/javascript" ></script>
  </head>
  
  <body>
	<div class="head">
		<div class="headContent">
			<div class="logo"></div>
			<div class="menu">
				<div class="welcome">
					欢迎您，Tracy89630 <a href="#">（个人设置）</a>  <a href="#">安全退出</a>
				</div>
				<div class="nav">
					<ul class="nav_ul">
						<li><a href="index.html" >首页</a></li>
						<li><a href="#" id="current">记账</a></li>
						<li><a href="budget.html">预算</a></li>
						<li><a href="userIndex.html" >账户</a></li>
						<li><a href="#">报表</a></li>
						<li><a href="#">股票</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div id="user_nav" style="height:auto;">
		<ul id="user_nav_ul" class="lavaLampWithImage">
			<li ><a href="tallyOutlay.html" id="tally_1">账户支出</a></li>
			<li ><a href="tallyAAOutlay.html" id="tally_2">AA制记账</a></li>
			<li ><a href="tallyIncome.html" id="tally_3">账户收入</a></li>
			<li ><a href="tallyChange" id="tally_4">账户间转账</a></li>
			<li class="current"><a href="#" id="tally_5">账单查询/统计</a></li>
		</ul>
		<div id="query_left">
			<div id="query_top">
				<div>
					<span id="tally_info" style="margin-left:0"><img style="width:123px;height: 40px; vertical-align:top;" src="../images/tally_query_info.jpg"/></span>
					<span>2012年03月01日 -- 2012年03月31日 </span>
				</div>
				<div class="query_top_title">
					<span><a href="#">时间范围</a></span>
					<span><a href="#">本周</a></span>
					<span><a href="#">本月</a></span>
					<span><a href="#">本季</a></span>
					<span><a href="#">本年</a></span>
				</div>
			</div>
			<ul>
				<li id="query_ul_li_top" style="background: #ccc;">
					<span class="date" style="font-size: 14px; font-weight: bold;">日期</span>
					<span class="catalog" style="font-size: 14px; font-weight: bold;">分类</span>
					<span class="money" style="font-size: 14px; font-weight: bold;">金额</span>
					<span class="account" style="font-size: 14px; font-weight: bold;">账户</span>
					<span class="remark" style="text-align:center; font-size: 14px; font-weight: bold;">说明</span>
				</li>
				<li>
					<span class="date">2012-02-25</span>
					<span class="catalog">日常用品</span>
					<span class="money">200.00</span>
					<span class="account">我的钱包</span>
					<span class="remark">买菜</span>
				</li>
				<li>
					<span class="date">2012-02-28</span>
					<span class="catalog">文化娱乐</span>
					<span class="money">100.00</span>
					<span class="account">老婆的钱包</span>
					<span class="remark">买点工具书</span>
				</li>
				<li>
					<span class="date">2012-03-15</span>
					<span class="catalog">美容化妆</span>
					<span class="money">150.00</span>
					<span class="account">我的钱包</span>
					<span class="remark">御泥坊界面套装</span>
				</li>
				<li>
					<span class="date">2012-03-18</span>
					<span class="catalog">日常用品</span>
					<span class="money">200.00</span>
					<span class="account">老婆的钱包</span>
					<span class="remark">逛沃尔玛...</span>
				</li>
			</ul>
			<div class="query_tatol">
					<span>支出总计：￥<font color="red">1020</font></span>
					<span>收入总计：￥<font color="green">50000</font></span>
					<span>共4条记录</span>
					<span>
						<a href="#">上一页</a>&nbsp;&nbsp;
						<a href="#">1</a>&nbsp;&nbsp;
						<a href="#">2</a>&nbsp;&nbsp;
						<a href="#">下一页</a>
					</span>
			</div>
		</div>
		<div class="query_right">
			<div id="adduser">
				<div class="adduser_title">
					<h4>我的账户</h4>
					<span><a href="#">新增账户</a></span>
					<span><a href="#">管理账户</a></span>
				</div>
				<div id="adduser_body">
					<ul>
						<li class="first_li"><span class="first">名称</span><span>余额</span><span>操作</span></li>
						<li><span class="first">我的钱包</span><span>0.00</span><span>对账</span></li>
					</ul>
				</div>
			</div>
			<div id="tally_detail">
				<div id="tally_detail_title">
					<h4 style="display: inline;">账单详情</h4>
					<span id="tally_detail_title_save"><a href="#"><img style="margin: 5px 5px 5px 0;" src="../images/button_tally_update.gif"/></a></span>
				</div>
				<div id="tally_detail_content">
					<ul>
						<li><span class="left">日期</span><span class="right">2012-05-02</span></li>
						<li>
							<span class="left">分类</span>
							<span class="right">
								<select id="outlaytype">
									<option>餐饮饮食</option>	
									<option>水果零食</option>
									<option>日常用品</option>	
									<option>柴米油盐</option>	
									<option>物业水电</option>	
									<option>医药保健</option>	
									<option>交通费</option>	
									<option>话费网费</option>	
								</select>
							</span>
						</li>
						<li><span class="left">金额</span><span class="right"><input id="total_money" value="200.00"/></span></li>
						<li>
							<span class="left">账户</span>
							<span class="right">
								<select id="outlayuser">
									<option>我的钱包</option>	
									<option selected="selected">老婆的钱包</option>	
								</select>
							</span>
						</li>
			 			<li style="height: 120px">
							<span class="left">说明</span>
							<span class="right"><textarea style="width: 160px; height: 100px;font-size: 13px;">御泥坊界面套装</textarea></span>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
  </body>
</html>
